import React from 'react'
import { ArrowLeft } from '@react-vant/icons';
import {
  Toast, NavBar,
} from 'react-vant';
import IconFont from '../publics/Inco'
import '../../scss/sdk/sdk.scss'
import { useNavigate } from 'react-router-dom'

export default function Sdk() {
  let Navigate = useNavigate();

  


  return (
    <div>
      <div style={{
        position: 'sticky',
        top: '0px'
      }}>
        <NavBar
          title={<div style={{ fontSize: "20px" }}>发布选择</div>}
          onClickLeft={() => {Navigate('/')}}
        />
      </div>
      <div>
        <img src="./sdk.png" style={{
          width: '100%',
        }} alt=''/>
      </div>
      <div>
        <div style={{ marginLeft: '11px', marginTop: "5px" }}>
          <p style={{ color: '#BDAAB2', marginTop: "20px", marginBottom: '20px' }}>居民住宅</p>
        </div>
        <div className='sdkbox1'>
          {/* 整套出租 */}
          <div className="jjtmayappcondetail"
            onClick={() => {
              Navigate('/addall')
            }}
          >
            <div className="jjtmayappcondetail1" >
              <IconFont type='icon-fangyuanshitu' style={{ fontSize: "20px" }}></IconFont>
            </div>
            <div style={{ width: '40%', marginLeft: "10px" }}>
              <div >整套出租</div>
              <div style={{ fontSize: "12px", color: '#BDAAB2', marginTop: "2px" }}>出租整套住宅房屋公寓</div>
            </div>
            <div className="jjtmayappcondetail3">
              <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft></div>
          </div>
          {/* 合租 */}
          <div className="jjtmayappcondetail"
            onClick={() => {
              Navigate('/addcell')
            }}
          >
            <div className="jjtmayappcondetail11" >
              <IconFont type='icon-kaimen' style={{ fontSize: "20px" }}></IconFont>
            </div>
            <div style={{ width: '40%', marginLeft: "10px" }}>
              <div >单间/合租</div>
              <div style={{ fontSize: "12px", color: '#BDAAB2', marginTop: "2px" }}>出租住宅房屋中的单间</div>
            </div>
            <div className="jjtmayappcondetail3">
              <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft></div>
          </div>
        </div>
      </div>

      <div>
        <div style={{ marginLeft: '11px', marginTop: "5px" }}>
          <p style={{ color: '#BDAAB2', marginTop: "20px", marginBottom: '20px' }}>商业用地</p>
        </div>
        <div className='sdkbox1'>
          {/* 商铺出租 */}
          <div className="jjtmayappcondetail">
            <div className="jjtmayappcondetail1" >
              <IconFont type='icon-shangpu' style={{ fontSize: "20px" }}></IconFont>
            </div>
            <div style={{ width: '40%', marginLeft: "10px" }}>
              <div >商铺出租</div>
              <div style={{ fontSize: "12px", color: '#BDAAB2', marginTop: "2px" }}>出租卖场、摊位、柜台等</div>
            </div>
            <div className="soon">
              {/* <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft> */}
              <span className='sdkbox11'>即将开放</span>
            </div>
          </div>
          {/* 生意转让 */}
          <div className="jjtmayappcondetail">
            <div className="jjtmayappcondetail11" >
              <IconFont type='icon-zichanzhuanrang' style={{ fontSize: "20px" }}></IconFont>
            </div>
            <div style={{ width: '40%', marginLeft: "10px" }}>
              <div >生意转让</div>
              <div style={{ fontSize: "12px", color: '#BDAAB2', marginTop: "2px" }}>连同房屋、设备、装饰等出租</div>
            </div>
            <div className="soon">
              {/* <ArrowLeft className="jjtmayappuserarrow"></ArrowLeft> */}
              <span className='sdkbox11'>即将开放</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
